<template>
    <div class="tabComponents">
        <div class="listLeft">
            <span @click="goToHomePage()">首页</span>
            <span @click="goToMaiowu()">喵呜</span>
            <span @click="goToPictrue()">相册</span>
            <span @click="goToStarPage()">星空</span>
        </div>
        <div class="listRight">
            <div class="msg clickItem" @click="loadOpenModule()" v-if="!islogin && isHome">
                <span>登录</span>
            </div>
            <div class="msg clickItem" @click="exitLoad()" v-if="islogin && isHome">
              <span>退出</span>
            </div>
            <div class="exit clickItem" @click="editAdmin()" v-if="!isHome">
                <span>退出</span>
            </div>
        </div>
        <div class="loadModule" v-if="loadModule">
            <div class="mask" @click="closeModal()"></div>
            <div class="main">
                  <div class="tit"><p>请登录</p></div>
                  <div class="formList">
                      <div class="item">
                          <el-input v-model="tempName" placeholder="请输入帐号"></el-input>
                          <span v-show="nameError">请输入正确的帐号！</span>
                      </div>
                      <div class="item">
                          <el-input v-model="tempPwd" placeholder="请输入密码" type="password"></el-input>
                          <span v-show="pwdError">请输入正确的密码！</span>
                      </div>
                  </div>
                  <div class="resultBtn">
                      <el-button type="primary" @click="load()">登陆</el-button>
                      <el-button type="info" @click="closeModal()">取消</el-button>
                      <!-- <div class="regsiter" @click="userRegister()">
                          <span>注册 <i class="el-icon-arrow-right"></i></span>
                      </div> -->
                  </div>
            </div>
        </div>
    </div>
</template>

<script src="./TabComponents.js"></script>

<style lang="scss">
@import "./TabComponents.scss";
</style>
